/**
 * 预览图片
 * @param {HTMLInputElement} fileInput file类型的input元素
 * @param {Element} previewImgWrapper 包裹预览图片的容器
 * @returns void
 */
const previewImg = (fileInput, previewImgWrapper) => {
  // 监听onchange事件，当用户选择文件后触发
  fileInput.onchange = () => {
    for (const file of fileInput.files) {
      // 创建文件读取对象
      const fr = new FileReader()
      // 读取文件，将文件转换成base64编码格式的url，这是一个异步函数，不能通过返回值的形式获取到结果
      fr.readAsDataURL(file)
      // 监听onload事件，当文件读取完后触发
      fr.onload = () => {
        // 创建img元素
        const img = document.createElement('img')
        // 添加类名
        img.classList.add('img-thumbnail')
        // 将文件编码字符串设置到预览img元素的src属性上去
        img.src = fr.result
        // 追加到包裹预览图片的容器元素中
        previewImgWrapper.appendChild(img)
      }
    }
  }
}
